<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>


    <link href="css/all.css" rel="stylesheet" type="text/css">
    <link href="js/editor/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="js/editor/css/froala_editor.min.css" rel="stylesheet" type="text/css">
</head>

<body style="background-color: #e6ecf5">
<form id="form_demo" action="addDemand"  > 
<div class="book_con01">
    <p class="book_p"><span class="book_titSpan">
    <h1 class="book_h01">校园帮帮<input type="text" class="book_input01"/>届提案</h1>
    
    
      <p class="book_p">
        <table class="book_table" border="1" cellpadding="10">
    <tr><td>
        <label class="td_label">需求类型</label><i class="i_start"></i>
    </td>
        <td colspan="5"><input type="radio" class="input_radio" checked="checked" name="type" value="买物品"/><a>买物品</a><input type="radio" class="input_radio" name="type" value="拿快递"/><a>拿快递</a></td>

    </tr>

    <tr><td><label class="td_label">姓名</label><i class="i_start"></i></td>
        <td ><input type="text" class="book_input03" name ="name" minlength="2" value="${user.name}"  /></td>

        <td><label class="td_label">性别</label></td>
        <td>
        	<input type="radio" class="input_radio" checked="checked" name="radio02" value="${user.sex}" /><a>男</a><input type="radio" class="input_radio" name="radio02"  value="${user.sex}"/><a>女</a>
            
        </td>

        <td><label class="td_label">联系电话</label></td>
        <td>
            <input type="number" class="book_input03" value="${user.telephone}"  />
        </td>
    </tr>

    <tr><td colspan="6"><label class="td_label">需求详情</label></td>

    </tr>
    <tr><td colspan="6">
        <textarea  class="textArae" id="editor" name="content" ></textarea>
    </td>

    </tr>
    <tr><td colspan="5"><label class="label_right">需求日期</label></td>
        <td> <input type="date" class="book_input03" id="demo" name="date"/></td>

    </tr>
    <tr ><td>
        <label class="td_label">附件</label>
    </td>
        <td colspan="5">
            <p><label class="td_label">文件1</label><input type="file" value="选择文件"/></p>
    <p><label class="td_label">文件2</label><input type="file" value="选择文件"/> </p>
    <p><label class="td_label">文件3</label><input type="file" value="选择文件"/></p>
    <p><label class="label_red">附件总大小不能超过200M，超过限制,将不能发送</label></p>
        </td>

    </tr>
    
    <tr><td colspan="1"><label class="td_label">希望完成此需求人员(可不填)</label></td>
       <td colspan="5"><input type="text" class="book_input03" name ="people"  minlength="2"  /></td>

    </tr>
    <td><label class="td_label">报酬</label></td>
        <td>
            <input type="number" class="book_input03"  name="price" />
        </td>


</table>
    </p>
    <p class="book_foot"><input type="submit" value="提交提案"/><input type="button" value="存为草稿"/><input type="button" value="重置"/><input type="button" value="取消"/></p></form>
</div>
</form>
<script  src="js/jquery/jQuery-2.2.0.min.js"></script>
<script src="js/editor/js/froala_editor.min.js"></script>

<script src="js/editor/js/plugins/tables.min.js"></script>
<script src="js/editor/js/plugins/lists.min.js"></script>
<script src="js/editor/js/plugins/colors.min.js"></script>
<script src="js/editor/js/plugins/media_manager.min.js"></script>
<script src="js/editor/js/plugins/font_family.min.js"></script>
<script src="js/editor/js/plugins/font_size.min.js"></script>
<script src="js/editor/js/plugins/block_styles.min.js"></script>
<script src="js/editor/js/plugins/video.min.js"></script>
<script src="js/date/js/laydate.js"></script>
<script>
    $(function(){
        $('#editor').editable({inlineMode: false, alwaysBlank: true})
    });
</script>
<script >
    $.validator.setDefaults({
        submitHandler: function() {
            alert("修改成功");
        }
    });
    $().ready(function() {
        $("#form_demo").validate();
    });
</script>
<script>
    !function(){
        laydate.skin('danlan');//
        laydate({elem: '#demo'});
        laydate({elem: '#demo1'});//
    }();
</script>
</body>
</html>
